草庐IT

HTML5 SVG

全部标签

javascript - 如何使用 HTML Canvas 执行洪水填充?

有没有人在javascript中实现了洪水填充算法以与HTMLCanvas一起使用?我的要求很简单:从一个点开始用单一颜色填充,其中边界颜色是大于指定点颜色的某个增量的任何颜色。varr1,r2;//redvaluesvarg1,g2;//greenvaluesvarb1,b2;//bluevaluesvaractualColorDelta=Math.sqrt((r1-r2)*(r1-r2)+(g1-g2)*(g1-g2)+(b1-b2)*(b1-b2))functionfloodFill(canvas,x,y,fillColor,borderColorDelta){...}更新:我自

javascript - SVG 文本元素速度

我正在构建一个严重依赖svg的网络应用程序。作为引用,我正在使用raphaeljs库来处理所有这些。在这种特殊情况下,我实现了一些模仿滚动条并在屏幕上移动一堆svg功能(约500个元素)的东西。这些功能的一部分是(~100)个元素。其他元素包括,和元素。因此,我注意到我的应用程序在我的笔记本电脑上并不是非常活泼,而且由于速度原因在ipad上处理起来非常烦人。但是,只要在滚动过程中删除或忽略文本元素,它就会立即达到不错的速度。我尝试做一些速度测试(非常粗略的测试,使用newDate().getTime())并发现移动所有元素需要大约10毫秒,除了。元素,但是当时需要~120毫秒包括元素。

javascript - JavaScript 中的 HTML 标记

我尝试在JavaScript中使用一些HTML标签,但HTML标签不起作用。你如何在JavaScript中使用HTML标签?我想使用h1但没有用。if(document.getElementById('number1').checked){Hellomember} 最佳答案 您将必须document.write它或使用文档对象模型:示例使用document.writeif(document.getElementById('number1').checked){document.write("Hellomember");}示例使用DO

javascript - 调整 d3/dagre-d3 svg 的大小以显示所有内容

我正在尝试使用dagre-d3创建DAG.这些DAG的数据来自数据库,每个DAG都不同,因此,在将所有节点和边添加到图形之前,我不知道要给出包含svg的宽度/高度。所以理想情况下我会调用类似d3.select("#svg1").resize_to_match_contents()的东西添加所有节点和边缘以确保所有节点都可见并且svg不太大之后。当然没有这个功能,我也不知道怎么实现。我知道我可以打电话d3.select("#svg1").attr("height","10")设置高度,但不知道如何检索/计算的高度SVG中的元素是。 最佳答案

javascript - 为什么 Rails 默认不在 HTML 页面底部包含 Javascript 文件?

我读了here最好在HTML页面底部包含Javascript文件。为什么RubyonRails默认不这样做? 最佳答案 我猜Rails包括你的application.js在默认情况下,因为它假定您将通过Assets管道最小化事物。如果脚本是由单个HTTP请求并行加载的单个外部文件,则无需担心脚本包含在何处。 关于javascript-为什么Rails默认不在HTML页面底部包含Javascript文件?,我们在StackOverflow上找到一个类似的问题:

javascript - 过滤 jQuery 数据表时如何忽略 HTML?

我正在使用jQueryDataTablesplugin,其中的过滤功能有一个小问题。如果我有一个表格单元格,其内容类似于Blah,然后过滤“6”,即使“Blah”中没有“6”,该单元格也会出现。我想要做的是让DataTables插件在过滤时忽略HTML。我试过搜索DataTables网站,发现相互矛盾、无用的线索。一篇帖子建议我需要一个sType:'html'我的aaColumns定义中的选项,但我试过了但没有帮助......加上后来的帖子建议当前版本的DataTables自动检测HTMLsType。我还找到了这段代码片段://MakefilteringignoreHTML(seeht

javascript - 为什么 uploadcare 每 N 毫秒重绘 html 标签?

在使用Uploadcare时文件上传小部件,我注意到Uploadcare脚本不断重绘HTML标签。我不确定重绘是否是正确的术语,但这是正在发生的事情:检查chromedevtoolsHTML标记突出显示,当您在元素上添加/删除属性时,行为相同。而且它似乎并没有结束,它只是每隔Nms就一直持续下去。大家可以在他们的主页上自己查一下Uploadcare.com,只需打开devtools并查看HTML标签。有人知道为什么要这样做吗?它在叫什么?它会对移动用户造成性能问题吗? 最佳答案 Uploadcare插件每100毫秒在页面上搜索新的小

javascript - 如何使用 html2canvas 上传屏幕截图?

使用html2canvas如何将屏幕截图保存到对象?我一直在探索演示,并看到生成屏幕截图的函数生成如下:$(window).ready(function(){('body').html2canvas();});我试过的是$(window).ready(function(){canvasRecord=$('body').html2canvas();dataURL=canvasRecord.toDataURL("image/png");dataURL=dataURL.replace(/^data:image\/(png|jpg);base64,/,"");upload(dataURL);}

javascript - PlayFramework HTML,可变为 Javascript?

想象一个简单的PlayAction定义为defreactTest=Action{request=>Ok(views.html.hello("JOHN"))}和hello.scala.html看起来像这样,使用一个基本的React.js示例:@(name:String)....React.render(Hello,@name!,这工作正常,结果将是“你好,约翰!”页。现在,我知道Scala代码在服务器上执行,JS代码在客户端执行,但我想知道是否有办法通过@name相同的javascript(jsx)代码的参数,如果此类代码位于单独的.js文件中,则看起来像:有没有办法通过@namehel

javascript - HTML 中完整性属性的用途是什么?

这个问题在这里已经有了答案:Whataretheintegrityandcrossoriginattributes?(3个答案)关闭7年前。我在bootstrap的网站上,我最近注意到他们的CDN链接包含一个带有SHA-384key的完整性属性。我认为这是一种验证脚本源的方法,但我还想知道它是如何使用的,以及它是否属于任何规范的一部分?此外,这是否仅适用于脚本src,还是适用于任何非同源源?